<include file="public@intro_head">
<!--[if lte IE 8]>
<div class="text-center padding-top-50 padding-bottom-50 bg-blue-grey-100">
    <p class="browserupgrade font-size-18">
        你正在使用一个<strong>过时</strong>的浏览器。请<a href="http://browsehappy.com/" target="_blank">升级您的浏览器</a>，以提高您的体验。
    </p>
</div>
<![endif]-->

<div class="body container-fluid">
  <div class="layout" style="background: #f7f8f9">
    <div class="layout-right">
      <div class="team-members">
        <div class="cis-tabs-switch">
          <h6 class="title"><i class="iconcis icon-gnext"></i>团队成员</h6>
          <div class="swiper-container">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <php>$category_ids=3;</php>
              	<portal:articles limit="" order="post.published_time DESC" categoryIds="$category_ids">
                <div class="media mb-3">
                  <if condition="empty($vo.more.thumbnail)">
                    <img src="__TMPL__/public/assets/images/default_tupian4.png" class="mr-3" alt="{$vo.post_title}"/>
                  <else/>
                    <img src="{:cmf_get_image_url($vo.more.thumbnail)}" class="mr-3" alt="{$vo.post_title}"/>
                  </if>
                  <div class="media-body">
                    <h5 class="card-title">{$vo.post_title}</h5>
                  </div>
                </div>
              </portal:articles>

              </div>
            </div>
          </div>
          <div class="nav-tabs-switch">
            <span class="cis-prev"><i class="iconcis icon-xprev"></i></span>|
            <span class="cis-next"><i class="iconcis icon-xnext"></i></span>
          </div>
        </div>
      </div>
    </div>
    <div class="layout-left-content">
      <div class="wrapper">
        <ol class="breadcrumb">
          <li><i class="iconcis icon-location text-red fontw"></i><a href="__ROOT__">首页</a></li>
          <li><i class="iconcis icon-xnext"></i><a href="#">集团简介</a></li>
          <li class="active"><i class="iconcis icon-xnext"></i>管理团队</li>
        </ol>
        <div class="team-member-detail">
      		<?php $src=$article['more']['photos'][0]['url'];?>
          <img class="float-left" src="/upload/<?php echo $src?>">
          <div class="member-info">
            <h5 class="bg-line mb-4">{$article.post_title}</h5>
            <div class="text-justify">
            {$article.post_content}
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<style>
  .team-card {
      min-height: 500px;
  }
  .team-card .card-img-top {
      display: block;
      width: 61.67%;
      height: auto;
      margin: 2.5rem auto 0;
      border-radius: 50%;
  }
  .team-card .card-subtitle {
      font-size: 15px;
  }
  .team-card .card-body {
      background: #fff;
      padding: 1.25rem 10% 1rem;
  }
  .team-card .card-text {
      text-indent: 30px;
  }
  .team-card .btn {
      line-height: 1;
      padding: 7px 7px 9px 22px;
      color: #bfbfbf;
      border: 2px solid #cbcbcb;
      font-size: 13px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
  }
  .team-member-box {
      position: relative;
      padding-bottom: 40px;
  }
  .team-member-box .team-pag {
      width: 100% !important;
      bottom: 0 !important;
  }
  .team-member-box .team-pag span {
      margin: 0 7px !important;
  }
  .team-member-detail {
      overflow: hidden;
      border-bottom: 1px solid #d6d7d8;
  }
  .team-member-detail img {
      width: 38.5%
  }
  .member-info {
      margin-left: 46.3%;
  }
  .member-info h6 {
      font-size: 15px;
  }
  .team-members{
      padding: 50px 13.3%;
  }
  .team-members .media {
      padding: 10.3% 7.27%;
      background: #fff;
  }
  .team-members .media img {
      width: auto;
      height: 100%;
      border-radius: 50%;
  }
  .team-members .media h5{
      margin: 10px 0 5px;
      font-size: 15px;
      color: #2b2b2b;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
  }
  .team-members .media h6{
      font-size: 13px;
      color: #2b2b2b;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
  }
  .team-members .nav-tabs-switch{
      top:0;
  }
</style>
<include file="public@common_footer">
<script>
    var swiper = new Swiper('.swiper-container', {
        autoplay: false,
        loop: true,
        delay: 5000,
        spaceBetween: '2.03%',
        navigation: {
            nextEl: '.cis-next',
            prevEl: '.cis-prev',
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        }
    });
</script>
</body>
</html>